import {Button, Form, Input, Row, Col, DatePicker, Space, Divider} from 'antd'

import React, {memo} from 'react'
import styles from './index.less'

import {IconFont} from '@/utils/common/tool'


export default memo(() => (
	<div className={styles.search}>
		<Form
			name="basic"
			layout="horizontal"
			labelCol={{
				sm: {span: 24},
				md: {span: 12},
				lg: {span: 8},
			}}
			initialValues={{remember: true}}
			autoComplete="off">
			<div className="collapse">
				<Row gutter={12}>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="采购申请单号" name="applyNo">
							<Input placeholder="请输入采购申请单号" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="需求组织" name="org">
							<Input placeholder="请输入需求组织" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="需求城市" name="city">
							<Input placeholder="请输入需求城市" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="需求部门" name="department">
							<Input placeholder="请输入需求部门" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="采购类目" name="category">
							<Input placeholder="请输入采购类目" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="采购预估金额" name="money">
							<Input placeholder="请输入采购预估金额" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="申请人" name="applicant">
							<Input placeholder="请输入申请人" />
						</Form.Item>
					</Col>
					<Col sm={{span: 24}} md={{span: 12}} lg={{span: 8}}>
						<Form.Item label="申请时间" name="applyTime">
							<DatePicker
								placeholder="请输入申请时间"
								className="datePicker"
							/>
						</Form.Item>
					</Col>
				</Row>
				<Row justify="end">
					<Col>
						<Space size={12}>
							<Button
								type="primary"
								htmlType="submit"
								size="small">
								搜索
							</Button>
							<Button size="small">重置</Button>
							<div className="collapse">
								收起 <IconFont type="icon-dd-jt" />
							</div>
						</Space>
					</Col>
				</Row>
				<Divider />
			</div>
		</Form>
	</div>
))
